<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>订单列表</title>
    <link rel="stylesheet" href="/static/client/style.css">
</head>
<body class="order-list-page">
    <!-- 头部 -->
    <header class="order-list-header">
        <a href="javascript:history.back()">
            <span class="back-symbol">&lt;</span>
        </a>
        <h1>菩提阁</h1>
    </header>
    <!-- 订单列表区域 -->
    <div class="order-list-area">
        <!-- 订单卡片 -->
        <div  class="order-card">
            <div class="order-header">
                <span  class="order-date"></span>
                <span class="order-status">正在派送</span>
            </div>
            <hr class="dashed-line">
            <div class="order-item">
                <span  class="item-name"></span>
                <span  class="item-quantity"></span>
            </div>
            <div class="order-total">
                <span class="total-text" ></span>
                <span class="total-amount"></span>
            </div>
        </div>
        <!-- 列表底部提示 -->
        <p class="end-of-list">没有更多了</p>
    </div>

        <!-- 底部导航 -->
    <footer class="bottom-nav">
        <a href="index.html">
            <img src="/static/client/images/home.png" alt="首页">
            <span>首页</span>
        </a>
        <a href="address.html">
            <img src="/static/client/images/location.png" alt="收货地址">
            <span>收货地址</span>
        </a>
        <a href="user.html">
            <img src="/static/client/images/user.png" alt="用户中心">
            <span>用户中心</span>
        </a>
    </footer>
    <script src="/static/client/jquery-1.12.4.min.js"></script>
    <script src="/static/client/script.js"></script>
</body>
</html>
